<!DOCTYPE html>
<html lang="zh-cn">
    <link rel="shortcut icon" href="static/logo/A.png">
<head>
    <!-- ========== Meta Tags ========== -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Digilab - SEO & Digital Marketing Agency Template">

    <!-- ========== Page Title ========== -->
    <title>喜迎元旦·主持人版本</title>

    <!-- ========== Start Stylesheet ========== -->
    <link href="static/css/bootstrap.min.css" rel="stylesheet">
    <link href="static/css/font-awesome.min.css" rel="stylesheet">
    <link href="static/css/themify-icons.css" rel="stylesheet">
    <link href="static/css/flaticon-set.css" rel="stylesheet">
    <link href="static/css/magnific-popup.css" rel="stylesheet">
    <link href="static/css/owl.carousel.min.css" rel="stylesheet">
    <link href="static/css/owl.theme.default.min.css" rel="stylesheet">
    <link href="static/css/animate.css" rel="stylesheet">
    <link href="static/css/bootsnav.css" rel="stylesheet">
    <link href="static/css/style.css" rel="stylesheet">
    <link href="static/css/responsive.css" rel="stylesheet">

    <link href="static/css/css2.css" rel="stylesheet">

</head>

<body>


    <!-- Preloader Start -->
    <div id="site-preloader" class="site-preloader">
        <div class="loader-wrap">
            <div class="ring">
                <span></span>
            </div>
            <h2>加载中</h2>
        </div>
    </div>


    <div class="banner-area bg-shape text-light with-fixed-nav bg-cover-bottom heading-capitalized" style="background-image: url(static/logo/B.jpg);">
        <div class="container">
            <div class="double-items">
                <div class="row align-center">
                    <div class="col-lg-7 info">
                        <h4 class="wow fadeInLeft">喜气洋洋小四班</h4>
                        <h2 class="wow fadeInDown" data-wow-duration="1s">岁月年轮<strong>承载辉煌</strong></h2>
                        <a class="btn circle btn-md btn-light effect wow fadeInUp" data-wow-duration="1.8s" href="choose.html">大展宏“兔”</a>
                    </div>
                    <div class="col-lg-5 thumb width-120 wow fadeInRight" data-wow-duration="1s">
                        <strong>喜气洋洋小四班祝您元旦快乐！</strong>
                        </br>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Banner -->

    <!-- Start Process
    ============================================= -->
   
    <div class="benifits-area reverse bg-gray default-padding">

        <!-- Fixed Shape -->
        <div class="container">
            <div class="row">

                <div class="col-lg-6 wow fadeInUp info">
                    <h5>文化知识</h5>
                    <h2>元旦节<strong>简介</strong></h2>
                   
                    <a class="btn circle btn-md btn-gradient" href="https://baike.baidu.com/item/%E5%85%83%E6%97%A6/137017">聆听新年的钟声</a>
                </div>
               
            </div>
        </div>
    

        <!-- Fixed Shape -->
        <div class="container" style="margin-top: 40px">
            <div class="row">

                <div class="col-lg-6 wow fadeInUp info">
                    <h5>背景音乐</h5>
                    <h2>烘托氛围<strong>声情并茂</strong></h2>
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=395304&auto=0&height=66"></iframe>

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=1923817081&auto=0&height=66"></iframe>
            </div>
        </div>
    

        <!-- Fixed Shape -->
        <div class="container" style="margin-top: 40px">
            <div class="row">

                <div class="col-lg-6 wow fadeInUp info">
                    <h5>祝福语</h5>
                    <h2>元旦节<strong>祝福之声</strong></h2>

                    
                    <a class="btn circle btn-md btn-gradient" href="https://hanyu.baidu.com/sentence/index?gssda_res=%7B%22sentence_type%22%3A%22%E7%A5%9D%E7%A6%8F%E8%AF%AD%22%7D&query=%E5%85%83%E6%97%A6%E7%A5%9D%E7%A6%8F%E5%A4%A7%E5%AE%B6%E7%9A%84%E6%96%87%E5%AD%97&sentence_type=&sid=63387a9d31c51ab2fee9a620adbafbc9&smpid=&srcid=51328&tab_type=&wd=%E5%85%83%E6%97%A6%E7%A5%9D%E7%A6%8F%E5%A4%A7%E5%AE%B6%E7%9A%84%E6%96%87%E5%AD%97&from=aladdin">聆听最清澈的祝福</a>
                </div>
               
            </div>
        </div>
         <div class="container" style="margin-top: 40px">
            <div class="row">

                <div class="col-lg-6 wow fadeInUp info">
                    <h5>背景图片</h5>
                    <h2>元旦节<strong>喜庆之颜</strong></h2>

                    
                    <a class="btn circle btn-md btn-gradient" href="static/logo/C.jpg">观赏最喜庆的颜色</a>
                </div>
               
            </div>
        </div>
    </div>
    
    <footer class="bg-dark text-light">
        
        <div class="container">
            <div class="f-items default-padding">
                <div class="row">
                    <div class="col-lg-4 col-md-6 item">
                        <div class="f-item about">
                            <div class="address">
                                <ul>
                                    <li>
                                        <div class="icon">
                                            <i class="flaticon-email"></i>
                                        </div>
                                        <div class="info">
                                            <h5>邮箱地址:</h5>
                                            <span>1486853830@qq.com</span>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="icon">
                                            <i class="flaticon-call"></i>
                                        </div>
                                        <div class="info">
                                            <h5>微信：</h5>
                                            <span>19112130967</span>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <!-- Start Footer Bottom -->
        <div class="footer-bottom">
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <p>喜气洋洋小四班班刊开发团队</p>
                    </div>
                    
                </div>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <p>本站基于bookstrap开发  图片来源于网络</p>
                    </div>
  
                </div>
            </div>
        </div>
        <!-- End Footer Bottom -->
    </footer>
    <!-- End Footer -->

    <!-- jQuery Frameworks
    ============================================= -->
    <script src="static/js/jquery-1.12.4.min.js"></script>
    <script src="static/js/popper.min.js"></script>
    <script src="static/js/bootstrap.min.js"></script>
    <script src="static/js/equal-height.min.js"></script>
    <script src="static/js/jquery.appear.js"></script>
    <script src="static/js/jquery.easing.min.js"></script>
    <script src="static/js/jquery.magnific-popup.min.js"></script>
    <script src="static/js/modernizr.custom.13711.js"></script>
    <script src="static/js/owl.carousel.min.js"></script>
    <script src="static/js/wow.min.js"></script>
    <script src="static/js/progress-bar.min.js"></script>
    <script src="static/js/isotope.pkgd.min.js"></script>
    <script src="static/js/imagesloaded.pkgd.min.js"></script>
    <script src="static/js/count-to.js"></script>
    <script src="static/js/YTPlayer.min.js"></script>
    <script src="static/js/progresscircle.js"></script>
    <script src="static/js/bootsnav.js"></script>
    <script src="static/js/main.js"></script>
    
</body>
</html>